<template>
	<radio
		:value="props.value"
		:disabled="props.disabled"
		:checked="props.checked"
		:color="_color"
		:class="[props._class]"
		:style="[{ transform: 'scale(' + props.scale + ')' }]"
	/>
</template>

<script setup>
import { ref, computed } from 'vue';

import { pub_props, computedColor } from '@/uni_modules/ac-ui/utils/minxs/props';

const props = defineProps({
	...pub_props,
	value: {
		type: String,
	},
	checked: {
		type: Boolean,
		default: false,
	},
	disabled: {
		type: Boolean,
		default: false,
	},
	scale: {
		type: String,
		default: '0.8',
	},
	color: {
		type: String,
		default: 'arcoblue-5',
	},
	_class: {
		type: [String, Array],
	},
	_style: {
		type: String,
	},
});

const _color = computed(() => computedColor(props.color, '', props.theme));
</script>

<style scoped></style>
